<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head>

	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<title>Конструктор юзербара для Gamer.ru</title>
	<link href="css/base.css" rel="stylesheet" type="text/css" />
	<link href="css/mooRainbow.css" rel="stylesheet" type="text/css" /> 
	
	<script src="js/mootools.core.js" type="text/javascript"></script>
	<script src="js/mootools.more.js" type="text/javascript"></script>
	<script src="js/main.js" type="text/javascript"></script>
	<script src="js/mooRainbow.js" type="text/javascript"></script>
	
</head>
<body>

<div class="container">
<div class="side">

	<h1>Конструктор</h1>
	
	<form action="generate.php" method="get" id="generate_form">
	
	<div class="block" style="border-top:1px solid #dcdcdc;">
	<div class="head">Превью</div>
	<div class="content no_hide" align="center">
		<div id="mainbox">
		<div class="dragmove gamerdrag" id="gamer_name_box" style="left:0;top:0;position:absolute"><img src="images/gamer/name.png" /></div>
		<div class="dragmove gamerdrag" id="gamer_place_box" style="left:0;top:0;position:absolute"><img src="images/gamer/place.png" /></div>
		<div class="dragmove gamerdrag" id="gamer_level_box" style="left:0;top:0;position:absolute"><img src="images/gamer/level.png" /></div>
		<div class="dragmove gamerdrag" id="gamer_posts_box" style="left:0;top:0;position:absolute"><img src="images/gamer/posts.png" /></div>
		<div class="dragmove gamerdrag" id="gamer_diamond_box" style="left:0;top:0;position:absolute"><img src="images/diamond.png" /></div>
		<div class="dragmove gamerdrag" id="gamer_golden_box" style="left:0;top:0;position:absolute"><img src="images/golden.png" /></div>
		<div class="dragmove gamerdrag" id="gamer_silver_box" style="left:0;top:0;position:absolute"><img src="images/silver.png" /></div>
		<div class="dragmove gamerdrag" id="gamer_comments_box" style="left:0;top:0;position:absolute"><img src="images/gamer/comments.png" /></div>
		
		<div class="dragmove blogdrag" id="blog_name_box" style="left:0;top:0;position:absolute"><img src="images/blog/name.png" /></div>
		<div class="dragmove blogdrag" id="blog_place_box" style="left:0;top:0;position:absolute"><img src="images/blog/place.png" /></div>
		<div class="dragmove blogdrag" id="blog_follow_box" style="left:0;top:0;position:absolute"><img src="images/blog/follow.png" /></div>
		<div class="dragmove blogdrag" id="blog_diamond_box" style="left:0;top:0;position:absolute"><img src="images/diamond.png" /></div>
		<div class="dragmove blogdrag" id="blog_golden_box" style="left:0;top:0;position:absolute"><img src="images/golden.png" /></div>
		<div class="dragmove blogdrag" id="blog_silver_box" style="left:0;top:0;position:absolute"><img src="images/silver.png" /></div>
		<div class="dragmove blogdrag" id="blog_recommend_box" style="left:0;top:0;position:absolute"><img src="images/recommend.png" /></div>
		</div>
		<br />
		<span style="font-size:11px;color:#999;">Используй курсор для перетаскивания элементов!</span>
	</div>
	</div>	
	
	<div class="block">
	<div class="head">Юзербар</div>
	<div class="content no_hide">
		<table width="100%">
		<tr>
			<td width="40%" align="right">Тип юзербара:</td>
			<td>
				<select name="type" id="type" style="width:180px;border: 1px solid #bbb;">
				<option value="gamer">Для геймера</option>
				<option value="blog">Для блога игры</option>
				</select>
			</td>
		</tr>
		<tr>
			<td align="right"><span id="mainfield_text">Псевдоним геймера</span>:</td>
			<td><input type="text" name="mainfield" id="mainfield" style="width:174px;border: 1px solid #bbb;" /></td>
		</tr>		
		</table>		
	</div>
	</div>	
	
	<div class="block">
	<div class="head">Выбор фона</div>
	<div class="content" align="center">
		<table>
		<tr>
		<td><input type="button" value="&#171;" style="height:40px;border:0;background:#9c0;color:#fff;cursor:pointer;" id="bg_goleft" /></td>
		<td><div class="bgchange" id="bgchange" style="background-image:url(bars/bigbar1.png);"></div></td>
		<td><input type="button" value="&#187;" style="height:40px;border:0;background:#9c0;color:#fff;cursor:pointer;" id="bg_goright" /></td>	
		</tr>
		</table>
	</div>
	</div>
	
	<div class="block">
	<div class="head">Элементы</div>
	<div class="content">
		<div id="options_gamer">
		<table width="100%">
		<tr>
			<td width="20"><input type="checkbox" name="show_gamer_name" value="1" checked="checked" class="en_gamer_options" /></td>
			<td>Имя пользователя</td>
		</tr>
		<tr>
			<td><input type="checkbox" name="show_gamer_place" value="1" checked="checked" class="en_gamer_options" /></td>
			<td>Позиция в топе</td>
		</tr>
		<tr>
			<td><input type="checkbox" name="show_gamer_level" value="1" checked="checked" class="en_gamer_options" /></td>
			<td>Уровень</td>
		</tr>
		<tr>
			<td><input type="checkbox" name="show_gamer_posts" value="1" checked="checked" class="en_gamer_options" /></td>
			<td>Количество постов</td>
		</tr>
		<tr>
			<td><input type="checkbox" name="show_gamer_diamond" value="1" checked="checked" class="en_gamer_options" /></td>
			<td>Количество брилиантовых постов</td>
		</tr>
		<tr>
			<td><input type="checkbox" name="show_gamer_golden" value="1" checked="checked" class="en_gamer_options" /></td>
			<td>Количество золотых постов</td>
		</tr>
		<tr>
			<td><input type="checkbox" name="show_gamer_silver" value="1" checked="checked" class="en_gamer_options" /></td>
			<td>Количество серебреных постов</td>
		</tr>				
		<tr>
			<td><input type="checkbox" name="show_gamer_comments" value="1" checked="checked" class="en_gamer_options" /></td>
			<td>Количество комментариев</td>
		</tr>				
		</table>
		</div>
		
		<!-- -->
		<div style="display:none;" id="options_blog">
		<table width="100%">
		<tr>
			<td width="20"><input type="checkbox" name="show_blog_name" value="1" checked="checked" class="en_blog_options" /></td>
			<td>Название игры</td>
		</tr>
		<tr>
			<td><input type="checkbox" name="show_blog_place" value="1" checked="checked" class="en_blog_options" /></td>
			<td>Позиция в топе игр</td>
		</tr>
		<tr>
			<td><input type="checkbox" name="show_blog_follow" value="1" checked="checked" class="en_blog_options" /></td>
			<td>Количество следящих человек</td>
		</tr>	
		<tr>
			<td><input type="checkbox" name="show_blog_diamond" value="1" checked="checked" class="en_blog_options" /></td>
			<td>Количество брилиантовых постов</td>
		</tr>
		<tr>
			<td><input type="checkbox" name="show_blog_golden" value="1" checked="checked" class="en_blog_options" /></td>
			<td>Количество золотых постов</td>
		</tr>
		<tr>
			<td><input type="checkbox" name="show_blog_silver" value="1" checked="checked" class="en_blog_options" /></td>
			<td>Количество серебреных постов</td>
		</tr>
		<tr>
			<td><input type="checkbox" name="show_blog_recommend" value="1" checked="checked" class="en_blog_options" /></td>
			<td>Количество рекомендованных постов</td>
		</tr>			
		</table>		
		</div>
	</div>
	</div>
	
	<div class="block">
	<div class="head">Цвета</div>
	<div class="content">
		<table width="100%">
		<tr>
			<td width="130">Цвет псевдонима:</td>
			<td align="right">
				<span style="background-color:#f00;color:#fff;" id="rgb_r">255</span>
				<span style="background-color:#0f0;color:#fff;" id="rgb_g">255</span>
				<span style="background-color:#00f;color:#fff;" id="rgb_b">255</span>
				<img id="myRainbow" src="rain_images/rainbow.png" alt="[r]" width="16" height="16" style="vertical-align:-3px;cursor:pointer;" />
			</td>
		</tr>
		</table>
	</div>
	</div>
	<br />
	
	<input type="submit" value="Бабацнуть!" id="submit_btn" style="width:100px;" />
	<input type="hidden" value="1" name="form" />
	</form>
	
</div>
<div class="result">

	<h1>Результат</h1>
	
	<div><img id="res_image" width="350" height="40" style="background-color:#efefef;border:1px solid #fff;" /></div><br /><br />
	<div>Ссылка: <input type="text" style="width:290px" id="res_link" /></div><br /><br />
	
</div>
</div>

</body>
</html>